<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript" src="__PUBLIC__/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/easyui/locale/easyui-lang-zh_CN.js"></script>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/themes/gray/easyui.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/themes/icon.css">
	<script type="text/javascript" src="__PUBLIC__/js/add-tab.js"></script>
</head>
<body>
	<div id="tb" style="padding:5px;height:auto">
		<div style="margin-bottom:5px">
			<span>员工工号:</span>
			<input id="employe_work_id" name="employe_work_id" type="text"/>
			<span>姓名:</span>
			<input id="employe_name" name="employe_name" type="text"/>
			<span>部门:</span>
			<select id="employe_department_id">
				<option value="">--请选择部门--</option>
				{$json}
			</select>
			<a href="#" class="easyui-linkbutton" iconCls="icon-search" onClick="doSearch()">搜索</a>
		</div>
	</div>
	<table id="tt" title="通讯录" class="easyui-datagrid" style="width:auto;height:auto;"	idField="employe_id" pageSize="20" pageList="[20,40,80]" data-options="rownumbers:true,singleSelect:true,url:'__APP__/Employe/employeListData',toolbar:'#tb',iconCls:'icon-contactlist'" pagination="true" fitColumns="true" fit="true">
		<thead>
			<tr>
				<th data-options="field:'employe_name',width:150,align:'center'">姓名</th>
				<th data-options="field:'employe_work_id',width:150,align:'center'">工号</th>
				<th data-options="field:'employe_department_id',width:150,align:'center'">部门</th>
				<th data-options="field:'employe_phone',width:150,align:'center'">手机号</th>
				<th data-options="field:'employe_qq',width:150,align:'center'">QQ号</th>
				<th data-options="field:'employe_email',width:150,align:'center'">邮箱</th>
			</tr>
		</thead>
	</table>
<script type="text/javascript">
	function doSearch(){
		$('#tt').datagrid('load',{
			employe_work_id: $('#employe_work_id').val(),
			employe_name: $('#employe_name').val(),
			employe_department_id:$('#employe_department_id').val()
		});
	}
</script>
</body>
</html>